<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style rel="stylesheet/less" lang="less">
@import "~assets/lib/css/animations.css";
@import "~assets/css/less.less";

*{margin:0;padding:0;}
html,body,#app{min-height:100%;}
input,textarea,button{outline: none;}
a,button,input{
    -webkit-tap-highlight-color: transparent;
}
img{max-width: 100%;}
body{
font-family: Verdana, Arial, Helvetica, "微软雅黑", "microsoft yahei", sans-serif;
font-size:32/@rem;
color: #2c3e50;
}
a{text-decoration: none;}

/*共有样式*/
.c-btn{display: block;height: 82/@rem;background-color: #ffff00;box-shadow: 0 3px 5px #ffba00;border-radius: 10px;text-align: center;line-height: 82/@rem;font-size: 30/@rem;}
.round{width: 150/@rem;height: 150/@rem;background: url("~assets/img/yuan-bg.png");background-size: 100%;}

@media (min-width: @maxwidth) {
  body{width: @maxwidth;margin: 0 auto;position: relative;}
}
</style>
